<div class="main-content">
    <div class="container-fluid">
        <div class="col-sm-10 col-sm-offset-1">
            <!--      Wizard container        -->
            <div class="wizard-container">
                <div class="card wizard-card" data-color="rose" id="wizardConfig">
                    <!--        You can switch " data-color="purple" "  with one of the next bright colors: "green", "orange", "red", "blue"       -->
                    <div class="wizard-header">
                        <h3 class="wizard-title">
                            配置向导
                        </h3>
                        <h5>此功能用于配置指定帐号的机构职位角色</h5>
                    </div>
                    <div class="wizard-navigation">
                        <ul>
                            <li>
                                <a href="#selectUsers" data-toggle="tab">选择帐号</a>
                            </li>
                            <li>
                                <a href="#org" data-toggle="tab">指派机构</a>
                            </li>
                            <li>
                                <a href="#position" data-toggle="tab">指派职位</a>
                            </li>
                            <li>
                                <a href="#roles" data-toggle="tab">指派角色</a>
                            </li>
                            <li>
                                <a href="#confirm" data-toggle="tab">确认配置</a>
                            </li>
                        </ul>
                    </div>
                    <div class="tab-content">
                        <div class="tab-pane" id="selectUsers">
                            <div class="row">
                                <div class="col-sm-2 col-sm-offset-1">已选择帐号：</div>
                                <div class="col-sm-8">
                                    <div *ngFor="let user of selectedUsers">
                                        {{user.realname}}（{{user.cellphone}}） &nbsp;
                                        <a href="javascript:void(0);" (click)="unselectUser(user.userId)">&times;</a>
                                    </div>
                                </div>
                            </div>
                            <div class="row" style="padding:20px 40px 10px 40px">
                                <div id="loadingUsers" class="loading">正在加载数据……</div>
                                <div class="box-header">
                                    <div class="box-tools pull-right form-inline">
                                        <span class="input-group hidden-xs hidden-sm" style="width:200px">
                                            <input type="text" class="form-control" placeholder="请输入关键词" [(ngModel)]="searchUsersKeywords">
                                            <span class="input-group-btn">
                                                <button class="btn btn-default btn-sm" type="button" (click)="clearUsersKeywords()" data-container="body" data-toggle="popover"
                                                    data-trigger="hover" data-placement="top" data-content="清空关键词">
                                                    <i class="fa fa-eraser"></i>
                                                </button>
                                                <button class="btn btn-default btn-sm" type="button" (click)="displayUsersData()" data-container="body" data-toggle="popover"
                                                    data-trigger="hover" data-placement="top" data-content="搜索">
                                                    <i class="fa fa-search"></i>
                                                </button>
                                            </span>
                                        </span>
                                        <button type="button" class="btn btn-info btn-sm" (click)="displayUsersData()" data-container="body" data-toggle="popover"
                                            data-trigger="hover" data-placement="top" data-content="刷新">
                                            <i class="fa fa-refresh"></i>
                                        </button>
                                        <button type="button" class="btn btn-success btn-sm" (click)="selectUsers()">选择</button>
                                    </div>
                                </div>
                                <!-- /.box-header -->
                                <table class="table">
                                    <thead class="text-primary">
                                        <tr>
                                            <th style="width:20px">
                                                <input type="checkbox" (click)="checkAllUsers()" [(ngModel)]="checkedAllUsers">
                                            </th>
                                            <th (click)="sortUsers('userId')" [class.sorting]="usersOrderBy!='userId'" [class.sorting_asc]="usersOrderBy=='userId'&&usersOrderType=='asc'"
                                                [class.sorting_desc]="usersOrderBy=='userId'&&usersOrderType=='desc'">用户id</th>
                                            <th (click)="sortUsers('username')" [class.sorting]="usersOrderBy!='username'" [class.sorting_asc]="usersOrderBy=='username'&&usersOrderType=='asc'"
                                                [class.sorting_desc]="usersOrderBy=='username'&&usersOrderType=='desc'">用户名</th>
                                            <th (click)="sortUsers('realname')" [class.sorting]="usersOrderBy!='realname'" [class.sorting_asc]="usersOrderBy=='realname'&&usersOrderType=='asc'"
                                                [class.sorting_desc]="usersOrderBy=='realname'&&usersOrderType=='desc'" class="hidden-xs">真实姓名</th>
                                            <th (click)="sortUsers('nickname')" [class.sorting]="usersOrderBy!='nickname'" [class.sorting_asc]="usersOrderBy=='nickname'&&usersOrderType=='asc'"
                                                [class.sorting_desc]="usersOrderBy=='nickname'&&usersOrderType=='desc'" class="hidden-xs hidden-sm">昵称</th>
                                            <th (click)="sortUsers('email')" [class.sorting]="usersOrderBy!='email'" [class.sorting_asc]="usersOrderBy=='email'&&usersOrderType=='asc'"
                                                [class.sorting_desc]="usersOrderBy=='email'&&usersOrderType=='desc'" class="hidden-xs hidden-sm">电子邮箱</th>
                                            <th (click)="sortUsers('cellphone')" [class.sorting]="usersOrderBy!='cellphone'" [class.sorting_asc]="usersOrderBy=='cellphone'&&usersOrderType=='asc'"
                                                [class.sorting_desc]="usersOrderBy=='cellphone'&&usersOrderType=='desc'" class="hidden-xs hidden-sm">手机</th>
                                            <th (click)="sortUsers('isLocked')" [class.sorting]="usersOrderBy!='isLocked'" [class.sorting_asc]="usersOrderBy=='isLocked'&&usersOrderType=='asc'"
                                                [class.sorting_desc]="usersOrderBy=='isLocked'&&usersOrderType=='desc'" class="hidden-xs hidden-sm hidden-md">是否锁定</th>
                                            <th class="hidden-xs hidden-sm hidden-md">所属集团</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr *ngFor="let user of users">
                                            <td style="width:20px">
                                                <input type="checkbox" (click)="checkUser(user.userId)" value="{{user.userId}}" class="user-list">
                                            </td>
                                            <td>{{user.userId}}</td>
                                            <td>{{user.username}}</td>
                                            <td class="hidden-xs">{{user.realname}}</td>
                                            <td class="hidden-xs hidden-sm">{{user.nickname}}</td>
                                            <td class="hidden-xs hidden-sm">{{user.email}}</td>
                                            <td class="hidden-xs hidden-sm">{{user.cellphone}}</td>
                                            <td class="hidden-xs hidden-sm hidden-md">{{user.isLocked}}</td>
                                            <td class="hidden-xs hidden-sm hidden-md">{{user.otherResults.groupName}}</td>
                                        </tr>
                                    </tbody>
                                </table>
                                <div class="box-footer clearfix no-border">
                                    <div class="pull-right">
                                        <app-pagination [pageNo]="usersPageNo" [pageSize]="usersPageSize" [totalPages]="usersTotalPages" [total]="usersTotal" (pageNoChange)="goToUsersPage($event)"
                                            (pageSizeChange)="setUsersPageSize($event)"></app-pagination>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="org">
                            <div class="row">
                                <div class="col-sm-2 col-sm-offset-1">指派机构：</div>
                                <div class="col-sm-8" *ngIf="selectedOrg&&selectedOrg!=0">
                                    {{selectedOrg.orgName}}（{{selectedOrg.otherResults.groupName}}） &nbsp;
                                    <a href="javascript:void(0);" (click)="unselectOrg()">&times;</a>
                                </div>
                            </div>
                            <div class="row" style="padding:20px 40px 10px 40px">
                                <div id="loadingOrgs" class="loading">正在加载数据……</div>
                                <ol class="breadcrumb">
                                    &gt;&nbsp;
                                    <li *ngFor="let link of orgSubLinks">
                                        <a href="javascript:void(0);" (click)="gotoOrg(link.orgId)">{{link.orgName}}</a>
                                    </li>
                                </ol>
                                <!-- Main row -->
                                <div class="box-header">
                                    <div class="box-tools pull-right form-inline">
                                        <span class="input-group hidden-xs hidden-sm" style="width:200px">
                                            <input type="text" class="form-control" placeholder="请输入关键词" [(ngModel)]="searchOrgsKeywords">
                                            <span class="input-group-btn">
                                                <button class="btn btn-default btn-sm" type="button" (click)="clearOrgsKeywords()" data-container="body" data-toggle="popover"
                                                    data-trigger="hover" data-placement="top" data-content="清空关键词">
                                                    <i class="fa fa-eraser"></i>
                                                </button>
                                                <button class="btn btn-default btn-sm" type="button" (click)="displayOrgsData()" data-container="body" data-toggle="popover"
                                                    data-trigger="hover" data-placement="top" data-content="搜索">
                                                    <i class="fa fa-search"></i>
                                                </button>
                                            </span>
                                        </span>
                                        <button type="button" class="btn btn-info btn-sm" data-container="body" data-toggle="popover" data-trigger="hover" data-placement="top"
                                            data-content="返回上一级" (click)="upToParentOrg(parentOrgId)">
                                            <i class="fa fa-arrow-up"></i>
                                        </button>
                                        <button type="button" class="btn btn-info btn-sm" (click)="displayOrgsData()" data-container="body" data-toggle="popover"
                                            data-trigger="hover" data-placement="top" data-content="刷新">
                                            <i class="fa fa-refresh"></i>
                                        </button>
                                        <button type="button" class="btn btn-success btn-sm" (click)="selectOrg()">选择</button>
                                    </div>
                                </div>
                                <!-- /.box-header -->
                                <table class="table">
                                    <thead class="text-primary">
                                        <tr>
                                            <th style="width:20px">
                                            </th>
                                            <th (click)="sortOrgs('orgName')" [class.sorting]="orgsOrderBy!='orgName'" [class.sorting_asc]="orgsOrderBy=='orgName'&&orgsOrderType=='asc'"
                                                [class.sorting_desc]="orgsOrderBy=='orgName'&&orgsOrderType=='desc'">组织机构名称</th>
                                            <th (click)="sortOrgs('orgId')" [class.sorting]="orgsOrderBy!='orgId'" [class.sorting_asc]="orgsOrderBy=='orgId'&&orgsOrderType=='asc'"
                                                [class.sorting_desc]="orgsOrderBy=='orgId'&&orgsOrderType=='desc'" class="hidden-xs">组织机构id</th>
                                            <th (click)="sortOrgs('parentId')" [class.sorting]="orgsOrderBy!='parentId'" [class.sorting_asc]="orgsOrderBy=='parentId'&&orgsOrderType=='asc'"
                                                [class.sorting_desc]="orgsOrderBy=='parentId'&&orgsOrderType=='desc'" class="hidden-xs hidden-sm">父节点id</th>
                                            <th (click)="sortOrgs('orgType')" [class.sorting]="orgsOrderBy!='orgType'" [class.sorting_asc]="orgsOrderBy=='orgType'&&orgsOrderType=='asc'"
                                                [class.sorting_desc]="orgsOrderBy=='orgType'&&orgsOrderType=='desc'" class="hidden-xs hidden-sm hidden-md">机构类型</th>
                                            <th (click)="sortOrgs('comName')" [class.sorting]="orgsOrderBy!='comName'" [class.sorting_asc]="orgsOrderBy=='comName'&&orgsOrderType=='asc'"
                                                [class.sorting_desc]="orgsOrderBy=='comName'&&orgsOrderType=='desc'" class="hidden-xs hidden-sm hidden-md">所属公司</th>
                                            <th (click)="sortOrgs('isLocked')" [class.sorting]="orgsOrderBy!='isLocked'" [class.sorting_asc]="orgsOrderBy=='isLocked'&&orgsOrderType=='asc'"
                                                [class.sorting_desc]="orgsOrderBy=='isLocked'&&orgsOrderType=='desc'" class="hidden-xs hidden-sm hidden-md">是否锁定</th>
                                            <th>所属集团</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr *ngFor="let org of orgs">
                                            <td style="width:20px">
                                                <input type="radio" name="selectOrg" value="{{org.orgId}}" class="org-list">
                                            </td>
                                            <td>
                                                <a href="javascript:void(0);" (click)="gotoOrg(org.orgId)">{{org.orgName}}</a>
                                            </td>
                                            <td class="hidden-xs">{{org.orgId}}</td>
                                            <td class="hidden-xs">{{org.parentId}}</td>
                                            <td class="hidden-xs">{{org.orgType=='COM'?'公司':org.orgType=='DEPT'?'部门':''}}</td>
                                            <td class="hidden-xs">{{org.otherResults.comName}}</td>
                                            <td class="hidden-xs hidden-sm hidden-md">{{org.isLocked}}</td>
                                            <td class="hidden-xs hidden-sm hidden-md">{{org.otherResults.groupName}}</td>
                                        </tr>
                                    </tbody>
                                </table>
                                <div class="box-footer clearfix no-border">
                                    <div class="pull-right">
                                        <app-pagination [pageNo]="orgsPageNo" [pageSize]="orgsPageSize" [totalPages]="orgsTotalPages" [total]="orgsTotal" (pageNoChange)="goToOrgsPage($event)"
                                            (pageSizeChange)="setOrgsPageSize($event)"></app-pagination>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="position">
                            <div class="row">
                                <div class="col-sm-2 col-sm-offset-1">指派职位：</div>
                                <div class="col-sm-8" *ngIf="selectedPosition&&selectedPosition!=0">
                                    {{selectedPosition.positionName}}（{{selectedPosition.otherResults.groupName}}） &nbsp;
                                    <a href="javascript:void(0);" (click)="unselectPosition()">&times;</a>
                                </div>
                            </div>
                            <div class="row" style="padding:20px 40px 10px 40px">
                                <div id="loadingPositions" class="loading">正在加载数据……</div>
                                <!-- Main row -->
                                <div class="box-header">
                                    <div class="box-tools pull-right form-inline">
                                        <span class="input-group hidden-xs hidden-sm" style="width:200px">
                                            <input type="text" class="form-control" placeholder="请输入关键词" [(ngModel)]="searchPositionsKeywords">
                                            <span class="input-group-btn">
                                                <button class="btn btn-default btn-sm" type="button" (click)="clearPositionsKeywords()" data-container="body" data-toggle="popover"
                                                    data-trigger="hover" data-placement="top" data-content="清空关键词">
                                                    <i class="fa fa-eraser"></i>
                                                </button>
                                                <button class="btn btn-default btn-sm" type="button" (click)="displayPositionsData()" data-container="body" data-toggle="popover"
                                                    data-trigger="hover" data-placement="top" data-content="搜索">
                                                    <i class="fa fa-search"></i>
                                                </button>
                                            </span>
                                        </span>
                                        <button type="button" class="btn btn-info btn-sm" (click)="displayPositionsData()" data-container="body" data-toggle="popover"
                                            data-trigger="hover" data-placement="top" data-content="刷新">
                                            <i class="fa fa-refresh"></i>
                                        </button>
                                        <button type="button" class="btn btn-success btn-sm" (click)="selectPosition()">选择</button>
                                    </div>
                                </div>
                                <!-- /.box-header -->
                                <table class="table">
                                    <thead class="text-primary">
                                        <tr>
                                            <th style="width:20px">
                                            </th>
                                            <th (click)="sortPositions('positionId')" [class.sorting]="positionsOrderBy!='positionId'" [class.sorting_asc]="positionsOrderBy=='positionId'&&positionsOrderType=='asc'"
                                                [class.sorting_desc]="positionsOrderBy=='positionId'&&positionsOrderType=='desc'">职位id</th>
                                            <th (click)="sortPositions('positionName')" [class.sorting]="positionsOrderBy!='positionName'" [class.sorting_asc]="positionsOrderBy=='positionName'&&positionsOrderType=='asc'"
                                                [class.sorting_desc]="positionsOrderBy=='positionName'&&positionsOrderType=='desc'">职位名称</th>
                                            <th (click)="sortPositions('positionCode')" [class.sorting]="positionsOrderBy!='positionCode'" [class.sorting_asc]="positionsOrderBy=='positionCode'&&positionsOrderType=='asc'"
                                                [class.sorting_desc]="positionsOrderBy=='positionCode'&&positionsOrderType=='desc'"
                                                class="hidden-xs">职位Code</th>
                                            <th (click)="sortPositions('isLocked')" [class.sorting]="positionsOrderBy!='isLocked'" [class.sorting_asc]="positionsOrderBy=='isLocked'&&positionsOrderType=='asc'"
                                                [class.sorting_desc]="positionsOrderBy=='isLocked'&&positionsOrderType=='desc'"
                                                class="hidden-xs hidden-sm hidden-md">是否锁定</th>
                                            <th class="hidden-xs hidden-sm hidden-md">所属集团</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr *ngFor="let position of positions">
                                            <td style="width:20px">
                                                <input type="radio" name="selectPosition" value="{{position.positionId}}" class="position-list">
                                            </td>
                                            <td>{{position.positionId}}</td>
                                            <td>{{position.positionName}}</td>
                                            <td class="hidden-xs">{{position.positionCode}}</td>
                                            <td class="hidden-xs hidden-sm hidden-md">{{position.isLocked}}</td>
                                            <td class="hidden-xs hidden-sm hidden-md">{{position.otherResults.groupName}}</td>
                                        </tr>
                                    </tbody>
                                </table>
                                <div class="box-footer clearfix no-border">
                                    <div class="pull-right">
                                        <app-pagination [pageNo]="positionsPageNo" [pageSize]="positionsPageSize" [totalPages]="positionsTotalPages" [total]="positionsTotal"
                                            (pageNoChange)="goToPositionsPage($event)" (pageSizeChange)="setPositionsPageSize($event)"></app-pagination>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="roles">
                            <div class="row">
                                <div class="col-sm-2 col-sm-offset-1">指派角色：</div>
                                <div class="col-sm-6">
                                    <div *ngFor="let role of selectedRoles">
                                        {{role.roleName}}（{{role.otherResults.groupName}}） &nbsp;
                                        <a href="javascript:void(0);" (click)="unselectRole(role.roleId)">&times;</a>
                                    </div>
                                </div>
                                <div class="col-sm-2">
                                    <button type="button" class="btn btn-success btn-sm" (click)="loadOriginConfig()" id="btnLoadConfig">加载原始配置</button>
                                </div>
                            </div>
                            <div class="row" style="padding:20px 40px 10px 40px">
                                <div id="loadingRoles" class="loading">正在加载数据……</div>
                                <ol class="breadcrumb">
                                    &gt;&nbsp;
                                    <li *ngFor="let link of roleSubLinks">
                                        <a href="javascript:void(0);" (click)="gotoRole(link.roleId)">{{link.roleName}}</a>
                                    </li>
                                </ol>
                                <!-- Main row -->
                                <div class="box-header">
                                    <div class="box-tools pull-right form-inline">
                                        <span class="input-group hidden-xs hidden-sm" style="width:200px">
                                            <input type="text" class="form-control" placeholder="请输入关键词" [(ngModel)]="searchRolesKeywords">
                                            <span class="input-group-btn">
                                                <button class="btn btn-default btn-sm" type="button" (click)="clearRolesKeywords()" data-container="body" data-toggle="popover"
                                                    data-trigger="hover" data-placement="top" data-content="清空关键词">
                                                    <i class="fa fa-eraser"></i>
                                                </button>
                                                <button class="btn btn-default btn-sm" type="button" (click)="displayRolesData()" data-container="body" data-toggle="popover"
                                                    data-trigger="hover" data-placement="top" data-content="搜索">
                                                    <i class="fa fa-search"></i>
                                                </button>
                                            </span>
                                        </span>
                                        <button type="button" class="btn btn-info btn-sm" data-container="body" data-toggle="popover" data-trigger="hover" data-placement="top"
                                            data-content="返回上一级" (click)="upToParentRole(parentRoleId)">
                                            <i class="fa fa-arrow-up"></i>
                                        </button>
                                        <button type="button" class="btn btn-info btn-sm" (click)="displayRolesData()" data-container="body" data-toggle="popover"
                                            data-trigger="hover" data-placement="top" data-content="刷新">
                                            <i class="fa fa-refresh"></i>
                                        </button>
                                        <button type="button" class="btn btn-success btn-sm" (click)="selectRoles()">选择</button>
                                    </div>
                                </div>
                                <!-- /.box-header -->
                                <table class="table">
                                    <thead class="text-primary">
                                        <tr>
                                            <th style="width:20px">
                                                <input type="checkbox" (click)="checkAllRoles()" [(ngModel)]="checkedAllRoles">
                                            </th>
                                            <th (click)="sortRoles('roleName')" [class.sorting]="rolesOrderBy!='roleName'" [class.sorting_asc]="rolesOrderBy=='roleName'&&rolesOrderType=='asc'"
                                                [class.sorting_desc]="rolesOrderBy=='roleName'&&rolesOrderType=='desc'">角色名称</th>
                                            <th (click)="sortRoles('roleId')" [class.sorting]="rolesOrderBy!='roleId'" [class.sorting_asc]="rolesOrderBy=='roleId'&&rolesOrderType=='asc'"
                                                [class.sorting_desc]="rolesOrderBy=='roleId'&&rolesOrderType=='desc'" class="hidden-xs">角色id</th>
                                            <th (click)="sortRoles('roleCode')" [class.sorting]="rolesOrderBy!='roleCode'" [class.sorting_asc]="rolesOrderBy=='roleCode'&&rolesOrderType=='asc'"
                                                [class.sorting_desc]="rolesOrderBy=='roleCode'&&rolesOrderType=='desc'" class="hidden-xs">角色Code</th>
                                            <th (click)="sortRoles('parentId')" [class.sorting]="rolesOrderBy!='parentId'" [class.sorting_asc]="rolesOrderBy=='parentId'&&rolesOrderType=='asc'"
                                                [class.sorting_desc]="rolesOrderBy=='parentId'&&rolesOrderType=='desc'" class="hidden-xs hidden-sm">父节点id</th>
                                            <th (click)="sortRoles('isLocked')" [class.sorting]="rolesOrderBy!='isLocked'" [class.sorting_asc]="rolesOrderBy=='isLocked'&&rolesOrderType=='asc'"
                                                [class.sorting_desc]="rolesOrderBy=='isLocked'&&rolesOrderType=='desc'" class="hidden-xs hidden-sm hidden-md">是否锁定</th>
                                            <th class="hidden-xs hidden-sm hidden-md">所属集团</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr *ngFor="let role of roles">
                                            <td style="width:20px">
                                                <input type="checkbox" (click)="checkRole(role.roleId)" value="{{role.roleId}}" class="role-list">
                                            </td>
                                            <td>
                                                <a href="javascript:void(0);" (click)="gotoRole(role.roleId)">{{role.roleName}}</a>
                                            </td>
                                            <td class="hidden-xs">{{role.roleId}}</td>
                                            <td class="hidden-xs">{{role.roleCode}}</td>
                                            <td class="hidden-xs">{{role.parentId}}</td>
                                            <td class="hidden-xs hidden-sm hidden-md">{{role.isLocked}}</td>
                                            <td class="hidden-xs hidden-sm hidden-md">{{role.otherResults.groupName}}</td>
                                        </tr>
                                    </tbody>
                                </table>
                                <div class="box-footer clearfix no-border">
                                    <div class="pull-right">
                                        <app-pagination [pageNo]="rolesPageNo" [pageSize]="rolesPageSize" [totalPages]="rolesTotalPages" [total]="rolesTotal" (pageNoChange)="goToRolesPage($event)"
                                            (pageSizeChange)="setRolesPageSize($event)"></app-pagination>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="confirm">
                            <div class="row">
                                <div class="col-sm-2 col-sm-offset-1">已选择帐号：</div>
                                <div class="col-sm-8">
                                    <div *ngIf="selectedUsers.length==0">
                                        <a href="javascript:void(0)" (click)="goToStep(0)" style="color:red">（请选择需要配置的帐号）</a>
                                    </div>
                                    <div *ngFor="let user of selectedUsers">
                                        {{user.realname}}（{{user.cellphone}}） &nbsp;
                                        <a href="javascript:void(0);" (click)="unselectUser(user.userId)">&times;</a>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-2 col-sm-offset-1">指派机构：</div>
                                <div *ngIf="!selectedOrg" class="col-sm-8">
                                    <a href="javascript:void(0)" (click)="goToStep(1)" style="color:red">（请选择指派机构）</a>
                                </div>
                                <div class="col-sm-8" *ngIf="selectedOrg&&selectedOrg!=0">
                                    {{selectedOrg.orgName}}（{{selectedOrg.otherResults.groupName}}） &nbsp;
                                    <a href="javascript:void(0);" (click)="unselectOrg()">&times;</a>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-2 col-sm-offset-1">指派职位：</div>
                                <div *ngIf="!selectedPosition" class="col-sm-8">
                                    <a href="javascript:void(0)" (click)="goToStep(2)" style="color:red">（请选择指派职位）</a>
                                </div>
                                <div class="col-sm-8" *ngIf="selectedPosition&&selectedPosition!=0">
                                    {{selectedPosition.positionName}}（{{selectedPosition.otherResults.groupName}}） &nbsp;
                                    <a href="javascript:void(0);" (click)="unselectPosition()">&times;</a>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-2 col-sm-offset-1">指派角色：</div>
                                <div class="col-sm-6">
                                    <div *ngIf="selectedRoles.length==0">
                                        <a href="javascript:void(0)" (click)="goToStep(3)" style="color:red">（请选择指派角色）</a>
                                    </div>
                                    <div *ngFor="let role of selectedRoles">
                                        {{role.roleName}}（{{role.otherResults.groupName}}） &nbsp;
                                        <a href="javascript:void(0);" (click)="unselectRole(role.roleId)">&times;</a>
                                    </div>
                                </div>
                            </div>
                            <div class="row" style="color:red;text-align:center;padding:30px" *ngIf="selectedUsers.length>0&&selectedOrg&&selectedPosition&&selectedRoles.length>0">
                                请点击“确认”保存配置
                            </div>
                        </div>
                    </div>
                    <div class="wizard-footer">
                        <div class="pull-right">
                            <input type='button' class='btn btn-next btn-fill btn-rose btn-wd' name='next' value='下一步' />
                            <input type='button' class='btn btn-finish btn-fill btn-rose btn-wd' name='finish' (click)="submitConfig()" id="btnSubmitConfig"
                                value='确定' />
                        </div>
                        <div class="pull-left">
                            <input type='button' class='btn btn-previous btn-fill btn-default btn-wd' name='previous' value='上一步' id="btnPrevious"/>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
            <!-- wizard container -->
        </div>
    </div>
</div>